<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<link rel="stylesheet" href="css/大风车.css" />
		<style>
			/* 1.抓到图片元素 */
			img{
				transition:transform 5s;
			}
						
			/* 2.在图片上进行旋转 */
			img:h over{
				transform: rotate(180deg);
			}
		</style>
	</head>
	<body>
		<!-- 音视频元素--参考图片元素写法  video  audio
		 html5针对属性与属性值一致情况：省去属性值
		  autoplay属性 自动播放一次
		  controls属性  播放条
		  loop属性  无限次播放
		 -->
		<v ideo src="img/oceans-clip.mp4" autoplay controls></video>
		<audio src="img/dafengche.mp3" autoplay controls loop></audio>
		<!-- 1.大风车图片引入 -->
		<img src="img/dfc.jpg" alt="大风车">
		
	</body>
</html>